<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		    .my{
		    	width: 18rem;
		    	height: 100%;
		    	background: #eeeeee;
		    }
			.my-header{
				width: 16rem;
				height: 5.2rem;
				padding: 1rem;
				background: url("../img/myHeader.png") no-repeat center center;
				background-size:100% 100%;
				position: relative;
			}
			.my-header div{
				width: 1rem;
				height: 1rem;
				position: absolute;
				right: 0.8rem;
			}
			.message{
				width: 17rem;
				padding: 0 0.5rem;
				height: 2.5rem;
				background: #fff;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 0.7rem;
				margin-bottom: 0.8rem;
			}
			.message>i{
				font-size: 1.2rem;
			}
			.my-mian{
				background: #fff;
			}
			.my-nav{
				width: 18rem;
				display: flex;
			}
			.my-nav>p:nth-of-type(1){
				border-right: 1px solid #dddddd;
			}
			.my-nav>p{
				width: 50%;
				height: 2.45rem;
				text-align: center;
				border-bottom: 1px solid #dddddd;
				line-height: 2.45rem;
				font-size: 0.8rem;
				color: #333;
			}
			.my-nav>.act{
				border-bottom:2px solid #f24046;
			}
		</style>
	</head>
	<body>
		<div class="my">
		<div class="my-header">
			<div ui-sref="sitings"></div>
		</div>
		<div class="message">
			<p>
				<i class="fa fa-fw fa-bell-o"></i>
			    <span>我的消息</span>
			</p>
			<i class="fa fa-fw fa-angle-right"></i>
		</div>
		<div class="my-mian">
			<div  class="my-nav">
				<p ui-sref="my.shou" ui-sref-active="act">喜欢的收藏品</p>
			    <p ui-sref="my.gun" ui-sref-active="act">喜欢的攻略</p>
			</div>
			<ui-view></ui-view>
		</div>
			
		</div>
	</body>
</html>
